.progress-linear {
    display: flex;
  }
  .progress-linear > .progress-linear-counter {
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #244e96;
  }
  .progress-linear > .progress-linear-container {
    width: 300px;
  }
  .progress-linear-body {
    height: 20px;
    background-color: #9d9d9d;
    overflow: hidden;
  }
  .progress-linear-body > .progress-linear-bar {
    height: 100%;
    background-color: #e1a900;
    position: relative;
  }
  .progress-linear-body > .progress-linear-bar:after {
    border-radius: 0;
    height: 100%;
    aspect-ratio: 1 / 1;
    left: calc(100% - 5px);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background-color: #9d9d9d;
  }